$(function(){
	
	var btnSignIn = $("#btnSignIn"),
		btnSignUp = $("#btnSignUp"),
		inputSubmit = $("#btnSubmit"),
		inputConfirmPwd = $("form div:eq(3)"),
		inputName = $('form div:eq(1)'),
		form = $("form"),
		loginMode = true;

	btnSignIn.on("click", function(){
		formReset();
		btnSignIn.removeClass("btn-default").addClass("btn-primary");
		btnSignUp.removeClass("btn-primary").addClass("btn-default");
		inputSubmit.val(btnSignIn.text());
		inputConfirmPwd.hide();
		inputName.hide();
		form.attr('action', '/course-work-management/login');
		loginMode = true;
	});

	btnSignUp.on("click", function(){
		formReset();
		btnSignUp.removeClass("btn-default").addClass("btn-primary");
		btnSignIn.removeClass("btn-primary").addClass("btn-default");
		inputSubmit.val(btnSignUp.text());
		inputConfirmPwd.show();
		inputName.show();
		form.attr('action', '/course-work-management/register');
		loginMode = false;
	});
	
	$('form input').each(function() {
		$(this).on('blur', function(e) {
			if($(e.target).val().length > 0) {
				$(e.target).parent().removeClass('has-error').addClass('has-success');
			} else {
				$(e.target).parent().removeClass('has-success').addClass('has-error');
			}
		});
	});
	
	$('form').on('change', function() {
		var btnSubmitAbled = true;
		if(loginMode) {
			if($(this).find('input[type="text"]:first').val().length == 0 ||
					$(this).find('input[type="password"]:first').val().length == 0) {
				btnSubmitAbled = false;
			}
		} else {
			$(this).find('input').each(function() {
				if($(this).val().length == 0) {
					btnSubmitAbled = false
					return false;
				}
			});
		}
		if(btnSubmitAbled) {
			inputSubmit.attr('disabled', false);
		} else {
			inputSubmit.attr('disabled', true);
		}
	});
	
	function formReset() {
		$('form')[0].reset();
		$('form div').each(function() {
			$(this).removeClass('has-error has-success');
		});
		inputSubmit.attr('disabled', true);
	}

});